* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #6f9ccd;
}

.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex: 1 1 0%;
}

.absolute {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.relative {
    position: relative;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.t-c {
    text-align: center;
}

.t-r {
    text-align: right;
}

.m-r-1 {
    margin-right: 1rem;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

html {
    font-size: 10px;
    background-color: #282c34;
}

body {
    overflow: hidden;
    background-color: #15172A;
}

span.split {
    width: 0.6rem;
}

span.split-pad {
    padding: 0 0.3rem;
}

span.split-pad10 {
    padding: 0 1rem;
}

.middle {
    vertical-align: middle;
}

.red {
    color: red;
}

:root {
    --main-color: #409EFF;
    --header-bg-color: #409EFF;
    --main-border-color: #ddd;
    --header-font-color: #fff;
    --header-height: 4.8rem;
}

.scrollbar,
.scrollbar-4,
.scrollbar-10 {
    overflow: auto;
}

.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.scrollbar-4::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.scrollbar-4::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.scrollbar-10::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}

.scrollbar-10::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar {
    background: #f5f5f5
}

.el-table--scrollable-y .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background: #ddd;
}

.el-collapse-item__header {
    background-color: #fafafa !important;
    border-left: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
    padding: 0 2rem;
}

.el-collapse-item__content {
    padding: 1rem;
    border: 1px solid #EBEEF5;
    border-bottom: 0;
}

.el-input.w-search .el-input__inner,
.el-input.w-search,
.el-select.w-search {
    width: 10rem;
}

.el-form-item.w-search .el-form-item__label {
    font-size: 1.2rem;
}

.table-search .el-form--inline .el-form-item {
    margin-bottom: 0;
}

.el-dropdown {
    font-size: 1.3rem;
}

.el-dropdown-menu__item {
    font-size: 1.3rem;
}

.el-dropdown-menu__item a {
    color: #333;
}

.el-input__inner:focus {
    border-color: var(--main-color);
}

.el-date-editor.el-input.w-auto,
.el-date-editor.el-input__inner.w-auto {
    width: auto;
}

.el-table .active-row {
    background: rgba(0, 0, 0, 0.15);
}

.el-table .table-green-row {
    background: rgba(0, 255, 0, 0.15);
}

.el-table .table-red-row {
    background: rgba(255, 0, 0, 0.15);
}

.el-table .table-green-row td {
    background: transparent !important;
}

.el-table .table-red-row td {
    background: transparent !important;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: auto
}

.el-table .active-row td {
    background: transparent !important;
}

.el-table--border th {
    background-color: #fafafa;
}

.el-table--border,
.el-table--group,
.el-table-filter,
.el-table td,
.el-table th.is-leaf {
    border-color: var(--main-border-color);
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--main-color);
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--main-color);
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    width: inherit;
}

.el-dialog {
    max-width: 96%;
}

.el-dialog__body .el-form-item:last-child {
    margin-bottom: 0;
}


.el-divider__text {
    background-color: transparent !important;
}

/* .el-input__inner:read-only {
    background-color: #fafafa;
} */

.el-color-picker {
    vertical-align: middle;
}

.el-color-picker__trigger {
    border: 0 !important;
}

.el-color-picker__color {
    border: 0 !important;
    border-radius: 2px;
}

.el-color-picker__color-inner {
    border-radius: 2px;
}

.el-message {
    min-width: 10rem !important;
}

.card-header {
    font-size: 1.4rem;
}


.forward-wrap .el-table--small.el-table .el-table__expanded-cell[class*=cell] {
    padding: 20px 80px 20px 80px;
}


h3.title {
    font-size: 1.6rem;
    padding-bottom: .6rem;
    color: #555;
}

.el-message-box {
    max-width: 90%;
}

.el-select-dropdown__item {
    padding-right: 2rem !important;
}

:root {
    --el-color-primary: #3b9c64 !important;
    --el-color-primary-light-3: #42b877 !important;
    --el-color-primary-light-5: #70d192 !important;
    --el-color-primary-light-7: #bce6cf !important;
    --el-color-primary-light-8: #d9ffec !important;
    --el-color-primary-light-9: #ecfff6 !important;
}

.el-form-item--default {
    --font-size: 13px !important;
}

.el-input__inner {
    font-size: 13px;
}


/**/
:root {
    --main-border-color: #ddd;
    --left-menu-shdow: rgba(0, 0, 0, 0.05);
    --left-menu-color: #555;
}

html.dark:root {
    --el-bg-color: #25272d !important;
    --main-border-color: #1d2022;
    --left-menu-shdow: #ffffff03;
    --left-menu-color: #cfd3dc;
    --el-color-primary: #3b9c642e !important;
    --el-color-primary-light-3: #42b87740 !important;
    --el-color-primary-light-5: #70d19254 !important;
    --el-color-primary-light-7: #bce6cf !important;
    --el-color-primary-light-8: #d9ffec !important;
    --el-color-primary-light-9: #ecfff6 !important;
}

html.dark .wrap {
    background-color: #25272d;
}



html.dark .menu {
    background: #25272d;
}

html.dark .el-divider--horizontal {
    border-color: #555;
}

html.dark .setting-item {
    border-color: #1d2022;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.route-animate-enter-active {
    animation: bounceInDown .5s;
}

.route-animate-leave-active {
    animation: fadeOutDown 0.1s;
}